<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
	<link rel="stylesheet" href="/css/index.css"/>
	<link rel="stylesheet" href="/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/layui/css/layui.css"  media="all">
	<script src="/js/main.js"></script>
	<title>易书网</title>
</head>
<style>
	.help-main p {
		line-height: 50px;
	}
</style>
<body >


<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: header"></div>


<div class="help-wrap">
	<div class="container clearfix">
		<div class="bread">当前位置：
			<a href="index.html">首页</a> >
			<a href="member.html">个人中心</a> >
			<a href="published.html">已发布</a>
		</div>
		<div class="help-l fl">
			<div class="help-item">
				<div class="help-item-title">个人中心
					<a href="javascript:void(0)" class="abs"></a>
				</div>
				<div class="help-item-list">
					<ul>
						<li><a href="member.html">个人信息</a></li>
						<li><a href="password.html">修改密码</a></li>
					</ul>
				</div>
			</div>
			<div class="help-item">
				<div class="help-item-title">书籍管理
					<a href="javascript:void(0)" class="abs"></a>
				</div>
				<div class="help-item-list">
					<ul>
						<li><a href="published.html">已发布</a></li>
						<li><a href="bought.html">已买书籍</a></li>
						<li><a href="publish.html">发布书籍</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="help-r fr">
			<div class="help-item-title">已发布书籍</div>
			<div class="help-main">
				<div class="product-item clearfix">
					<div class="name fl">
						<span style="margin-left: 150px">书名</span>
					</div>
					<div class="attr fr">
						<ul class="clearfix">
							<li>价格</li>
							<li>发布时间</li>
							<li style="width: 110px">状态</li>
						</ul>
					</div>
				</div>
				<div class="pro">
					<div class="product-attr">
						<div class="product-name fl">
							<div class="pic-thumb fl"><a href="detail.html"  ><img class="middle" src="images/book.jpg"></a></div>
							<div class="product-title fl">
								<a href="detail.html" class="ellipsis">福尔摩斯探案全集</a><br>
								<span>传播学院</span>
								<span>广告学</span>
								<span>大三</span>
							</div>
						</div>
						<div class="product-price fr">
							<ul class="clearfix">
								<li>¥150.00</li>
								<li>2014-01-06</li>
								<li class="edit" style="width: 110px">
							<span>
								<a href="edit.html">
									<i class="icon-edit"></i>
									<p>编辑</p>
								</a>
							</span>
									<span class="line"></span>
							<span>
								<a href="#">
									<i class="icon-trash"></i>
									<p>删除</p>
								</a>
							</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="pro">
					<div class="product-attr">
						<div class="product-name fl">
							<div class="pic-thumb fl"><a href="detail.html"  ><img class="middle" src="images/book.jpg"></a></div>
							<div class="product-title fl">
								<a href="detail.html" class="ellipsis">福尔摩斯探案全集</a><br>
								<span>传播学院</span>
								<span>广告学</span>
								<span>大三</span>
							</div>
						</div>
						<div class="product-price fr">
							<ul class="clearfix">
								<li>¥150.00</li>
								<li>2014-01-06</li>
								<li class="edit" style="width: 110px">
									<span class="sell">已出售...</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="pro">
					<div class="product-attr">
						<div class="product-name fl">
							<div class="pic-thumb fl"><a href="detail.html"  ><img class="middle" src="images/book.jpg"></a></div>
							<div class="product-title fl">
								<a href="detail.html" class="ellipsis">福尔摩斯探案全集</a><br>
								<span>传播学院</span>
								<span>广告学</span>
								<span>大三</span>
							</div>
						</div>
						<div class="product-price fr">
							<ul class="clearfix">
								<li>¥150.00</li>
								<li>2014-01-06</li>
								<li class="edit" style="width: 110px">
							<span>
								<a href="edit.html">
									<i class="icon-edit"></i>
									<p>编辑</p>
								</a>
							</span>
									<span class="line"></span>
							<span>
								<a href="#">
									<i class="icon-trash"></i>
									<p>删除</p>
								</a>
							</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="pro">
					<div class="product-attr">
						<div class="product-name fl">
							<div class="pic-thumb fl"><a href="detail.html"  ><img class="middle" src="images/book.jpg"></a></div>
							<div class="product-title fl">
								<a href="detail.html" class="ellipsis">福尔摩斯探案全集</a><br>
								<span>传播学院</span>
								<span>广告学</span>
								<span>大三</span>
							</div>
						</div>
						<div class="product-price fr">
							<ul class="clearfix">
								<li>¥150.00</li>
								<li>2014-01-06</li>
								<li class="edit" style="width: 110px">
									<span class="sell">已出售...</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="pro">
					<div class="product-attr">
						<div class="product-name fl">
							<div class="pic-thumb fl"><a href="detail.html"  ><img class="middle" src="images/book.jpg"></a></div>
							<div class="product-title fl">
								<a href="detail.html" class="ellipsis">福尔摩斯探案全集</a><br>
								<span>传播学院</span>
								<span>广告学</span>
								<span>大三</span>
							</div>
						</div>
						<div class="product-price fr">
							<ul class="clearfix">
								<li>¥150.00</li>
								<li>2014-01-06</li>
								<li class="edit" style="width: 110px">
							<span>
								<a href="edit.html">
									<i class="icon-edit"></i>
									<p>编辑</p>
								</a>
							</span>
									<span class="line"></span>
							<span>
								<a href="#">
									<i class="icon-trash"></i>
									<p>删除</p>
								</a>
							</span>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div id="demo1" style="text-align: center"></div>
			</div>
		</div>
	</div>
</div>





<!--引入 尾部片段-->
<div  th:replace="mall/common/mall_common :: footer"></div>


<script src="/layui/layui.js"></script>
<script>
	layui.use(['laypage', 'layer'], function() {
		var laypage = layui.laypage
				, layer = layui.layer;
		//总页数大于页码总数
		laypage.render({
			elem: 'demo1'
			,count: 70 //数据总数
			,first: '首页'
			,last: '尾页'
			,jump: function(obj){
				console.log(obj)
			}
		});
	})
</script>

</body>
</html>